<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Genious</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://fonts.useso.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href='https://fonts.useso.com/css?family=Lato:400,900,700,300,100' rel='stylesheet' type='text/css'>
<link href='https://fonts.useso.com/css?family=Roboto+Slab:400,700,300,100' rel='stylesheet' type='text/css'>
<script src="https://ajax.useso.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>

<body>
<div class="header">
	<div class="container">
    	<div class="row">
        	<div class="col-md-12 col-sm-12 col-xs-12">
            	<div class="logo pull-left col-md-6 col-sm-6 col-xs-12">
                	<h1>第五组实训项目展示</h1>
                </div>
                <div class="social col-md-6 col-sm-6 col-xs-12">
            		<ul class="pull-right">
                        <li><a href="#"><i class="fa fa-qq"></i></a></li>
                        <li><a href="#"><i class="fa fa-wechat"></i></a></li>
                        <li><a href="#"><i class="fa fa-weibo"></i></a></li>
                        <li><a href="#"><i class="fa fa-tencent-weibo"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12">
            	<div class="main-title text-center">
                	<h1>博客大数据分析面板</h1>
                    <p>Genious is a beautiful coming soon template designed by html5lyaouts. It is creative and well designed website template</p>
                    <div id="countdown" data-wow-delay=".3s" data-date="Dec 26, 2015 06:00:00"></div>
                    <a href="#footer" class="subscribe-tag page-scroll">进入面板</a>
                </div>


            </div>
        </div>
    </div>
</div>
<div class="about text-center">
	<div class="container">
    	<div class="row">
        	<div class="col-md-12">
            	<div class="title">
                	<h3>关于我们</h3>
                </div>
                <div class="desc">
                	<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
                </div>
            </div>
            <div class="featurebox col-md-12 col-sm-12 col-xs-12">
            <div class="col-md-6 col-sm-6 col-xs-12">
            	<div class="feature text-left">
                	<h4>卓金鑫</h4>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
            	<div class="feature text-left">
                	<h4>展浩翔</h4>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
            	<div class="feature text-left">
                	<h4>周东明</h4>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
            	<div class="feature text-left">
                	<h4>章锦川</h4>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
            </div>
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="feature text-left">
                  <h4>吴日华</h4>
                  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
              </div>
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="feature text-left">
                  <h4>黄浠沿</h4>
                  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
              </div>
            </div>
        </div>
    </div>
</div>
<div class="footer" id="footer">
	<div class="container">
    	<div class="row">
        	<div class="col-md-12">
        	<div class="footer-title text-center">
            	<h3>Sign up for our newsletter to get notified!</h3>
                <p>Subscibe to get latest notification and news about our website. Remember you can always edit this text and replace it with your words.</p>
            </div>
            <div class="social text-center">
            		<ul>
                  <li><a href="#"><i class="fa fa-qq"></i></a></li>
                  <li><a href="#"><i class="fa fa-wechat"></i></a></li>
                  <li><a href="#"><i class="fa fa-weibo"></i></a></li>
                  <li><a href="#"><i class="fa fa-tencent-weibo"></i></a></li>
                </ul>
             </div>
             </div>
             <div class="col-md-12 text-center footer-line">
             	<p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
             </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.countdown.min.js"></script>
</body>
</html>
